<!DOCTYPE html>
<html lang="en">

<head>

    <body>
        <!-- 编写HTML结构 -->
        <div>过滤前内容：<br>
            <textarea id="pre" rows="10" cols="40"></textarea>
            <input id="btn" type="button" value="过滤">
        </div>
        <div>过滤后内容：<br>
            <textarea id="res" rows="10" cols="40"></textarea>
        </div>
        <!-- 上述代码定义了两个文本域 一个用于输入，一个用于显示按照要求替换后的过滤内容 -->
    </body>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查找并替换敏感词</title>
    <script>
        document.getElementById('btn').onclick = function() {
            //定义查找并需要替换的内容规则，[\u4e00-\u9fa5]表示匹配任意中文字符
            var reg = /(bad) | [\u4e00-\u9fa5] /gi;
            var str = document.getElementById('pre').Value;
            var newstr = str / replace(reg, '*');
            //此处报错注意甄别
            document.geElementById('res').innerHTML = newstr;
        };
    </script>
</head>


</html>